<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Solomo School</title>
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
<!--[if IE]>
        <link rel="stylesheet" type="text/css" href="css/ie.css" />
<![endif]-->
</head>
<body>
<!--bg-->
<div class="bgTop">
<!--wrapper-->
<div id="wrapper " class="w960 mha">
    <!-- header -->
    <div class="header fl w960 mt20">
        <h1 class="logo ti9 ml100 fl mr20"><a href="#" class="dpb">Solomon school</a></h1>
        <ul class="nav fl fs16 ff1">
        	<li><a href="#" class="fwb cf2 a1 ">home</a></li>
        	<li><a href="#" class="fwb cf2 a2 ">about</a></li>
        	<li><a href="#" class="fwb cf2 a3 active">donations</a></li>
        	<li><a href="#" class="fwb cf2 a4 ">volunteer</a></li>
        	<li><a href="#" class="fwb cf2 a5 ">featured</a></li>
        	<li><a href="#" class="fwb cf2 a6 ">contact us</a></li>
        </ul>
    </div>
    <!-- end header -->
    <!--container-->
    <div class="container fl w960 pt20 por">
        <!-- banner -->
        <div class="banner fl ml100 mb20">
            <img src="images/items_07.png" alt="" class="dpb fl" />
            <div class="infos bg0 fl">
                <ul class="nav fr pt10">
                	<li><a href="#">1</a></li>
                	<li><a href="#">2</a></li>
                	<li><a href="#">3</a></li>
                </ul><div class="clear"></div>
                <h3 class="fs30 ff1 cf3 mb10 ttu fwb">love is NOt rare</h3>
                <p class="cf3 mb30">We, alone, cannot take care of our children forever, but a loving society and a well-established system can.</p>
                <a href="#" class="rounded10 tac pv10 ph25 bg1 cf3 ttu fs16  ">Read More</a>
            </div>
            <div class="fl social">
                <a href="#" class="fl ml5 mb5"><img src="images/iFb.png" alt="" /></a>
                <a href="#" class="fl"><img src="images/iT.png" alt="" /></a>
            </div>
        </div><div class="clear"></div>
        <!-- end banner -->
        <!-- homeIntros -->
        <div class="homeIntros fl pr20 ml80 bg4 rounded10 pa10 mt10 mb30">
            <h2 class="fs30 mb5 ff1 cf4">Rare Disorders Society (Singapore) </h2>
            <div class="item fl bdR1 pr20 ofh">
                <h3 class="fs24 mb5 ff1 cf1">Objectives</h3>
                <p class="mb20">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                <a href="#"><img src="images/iconArrow.png" alt=""  class="fl "/><span class=" fl ttu tdu ml5 ff1 cf2 mt5 fwb">read more</span></a>
            </div>
            <div class="item fl bdR1 ph20 ofh">
                <h3 class="fs24 mb5 ff1 cf1">Donations</h3>
                <p class="mb20">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                <a href="#"><img src="images/iconArrow.png" alt=""  class="fl "/><span class=" fl ttu tdu ml5 ff1 cf2 mt5 fwb">read more</span></a>
            </div>
            <div class="item fl pl20 ofh">
                <h3 class="fs24 mb5 ff1 cf1">Others</h3>
                <p class="mb20">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                <a href="#"><img src="images/iconArrow.png" alt=""  class="fl "/><span class=" fl ttu tdu ml5 ff1 cf2 mt5 fwb">read more</span></a>
            </div>
        </div>
        <!-- end homeIntros -->
        <!-- main -->
        <div class="main fl pr20 ml100 mb30">
            <h3 class="fs24 mb10 ff1 cf7">About Solomon Independent School</h3>
            <p class="mb30">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. </p>
            <div class="item2 w50 mt20">
                <h3 class="fs24 mb15 ff1 cf8">Join our mailing list</h3>
                <label for="" class="fl mb10">Name:</label>
                <input type="text" class="fl text w350 mb10" />
                <div class="clear"></div>
                <label for="" class="fl mb10">Email:</label>
                <input type="text" class="fl text w350 mb10" />
                <div class="clear"></div>
                <label for="" class="fl mb10 ti9">btn</label>
                <button class="fl bg5 ph20 pv5">Yes, please!</button>
            </div>
        </div>
        <!-- end main -->
        <!-- .sidebar -->
        <div class="sidebar fl  mb30">
            <h2 class="fs30 mb5 ff1 cf6">Find us</h2>
            <img src="images/items_18.png" alt="" />
        </div>
        <!-- end sidebar -->
         
    </div>
    <!-- end container -->
    <!-- footer -->
    <div class="footer fl w920 mb20  pa20">
        <p class="ml20 fs12">Solomon Independent School  2011 copyright</p>
    </div>
    <!-- end footer -->
</div>
<!--end wrapper-->
</div><!--end bg-->
<script type="text/javascript" src="js/jquery.min.js"></script>
</body>
</html>